<template>
  <m-page>
    <m-header>
      <!-- 头部 -->
      <div class="g-head">
        <ynet-cell-item title="长湘贷卡" brief="6214 **** **** 6666">
          <template slot="left">
            <div class="g-head-img"></div>
          </template>
        </ynet-cell-item>
      </div>
      <!-- 金额 -->
      <div class="g-money">
        <div class="g-money-text"><span>提现金额</span></div>
        <div class="g-money-num">
          <b>￥</b><input type="text" placeholder="请输入还款金额" /><a
            >全部提现</a
          >
        </div>
        <div class="g-money-tip">
          <span>可用余额 8,000.00元</span>
        </div>
      </div>
      <!-- 收款账户信息 -->
      <div class="g-message">
        <ul>
          <li>
            <ynet-cell-item arrow>
              <template slot="left">
                <span>收款账户</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>请选择你的还款账户</span>
              </template>
            </ynet-cell-item>
          </li>
          <li class="g-li">
              <span>收款人</span>
              <input type="text">
          </li>
        </ul>
      </div>
      <!-- 按钮 -->
      <div class="g-button">
          <ynet-button type="warning">确定</ynet-button>
      </div>
      <!-- 提示 -->
      <div class="g-tip">
          <p>
              温馨提示：<br>
              只能提现到本人名下的长沙储蓄卡或存折。
          </p>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Switch, Icon, Tag, Button } from "ynet-mobile";
export default {
  components: {
    [CellItem.name]: CellItem,
    [Switch.name]: Switch,
    [Icon.name]: Icon,
    [Tag.name]: Tag,
    [Button.name]: Button
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
